@charset "utf-8";
body {
	background-color: #F0F0F0;
	color:#666;
	padding-top:44px;
}
input {
	color:#666666;
	outline: none;
}
a {
	text-decoration: none;
}
.h10 {
	height: 10px;
}
.h15 {
	height: 15px;
}
.h20 {
	height: 20px;
}
.h35 {
	height: 35px;
}
h3 {
	padding:10px 1.07rem;
	font-size: 1rem;
	line-height: 1rem;
	color: #333;
}
.fr {
	float: right;
}
.fl {
	float: left;
	padding: 0;
}
.subBtn {
	width:95%;
	height:50px;
	line-height: 50px;
	border-radius:5px;
	font-size:1.5rem;
	margin:0 auto;
	background-color:#FB4747;
	color:#fff;
	outline: none;
	text-align: center;
}

/*------------------------------------*\
    			颜色	
\*------------------------------------*/
.cl-lightGray{color:#666;}
.cl-white{color:#fff}
.cl-red{color:#fd4747}
.bgc-red{background-color: #fd4747;}
.bgc-green{background-color: #8dcc3f;}
.bgc-gray{background-color: #979899;}
/*------------------------------------*\
    			表单	
\*------------------------------------*/


.section-common{ background: #fff;width: 100%;overflow: hidden;}
ul.list4 {padding-left: 1.07rem;border-top:1px #d9d9d9 solid;border-bottom:1px #d9d9d9 solid;}
.list4 li{padding: 15px 1.07rem 15px 0px;text-align: left;position: relative;overflow: hidden;}
.list4 li.icon{padding: 8.5px 0px;text-align: left;position: relative;overflow: hidden;}
.list4.line li{border-bottom: #d9d9d9 1px solid;color:#333;width: 100%;}
.list4.line li:first-child {border-top: none}
.list4.line li:last-child {border-bottom: none}
.list4.line li .content{float: left;font-size: 1rem;line-height:31px;}
.list4.line li .content .wh{color:#666;font-size: 1rem;}
.list4 li .img{width:31px;height:31px;margin-right: 15px;}
.list4 li .zw{width:31px;height:31px;margin-right: 15px;float: left;}
.list4 li .ordInfo{text-align:right;padding-right: 1.07rem;width:16rem;}
@media screen and (max-width:321px) {
.list4 li .ordInfo{text-align:right;padding-right: 1.07rem;width:13rem;}
}
/* 右侧按钮 */
.list4 li .topupBtn{float;right;position:absolute;right:5%;top:15px;color:#fff;background-color:#fd4747;font-size:0.92rem;width:3rem;border-radius:5px;text-align:center;height:25px;line-height:25px;}
.list4 li .activate{float;right;position:absolute;right:5%;top:15px;color:#fff;background-color:#8dcc3f;font-size:0.92rem;width:3rem;border-radius:5px;text-align:center;height:25px;line-height:25px;}
/* login中的小列表 */
.list4 li label{ width: 5em;font-size:1rem;line-height: 19px;margin-right: 2rem;display: inline-block;}
.list4 li input{font-size:1rem;display: inline-block;border: none; width: auto;padding: 0;text-overflow:ellipsis;}
.list4 li input#input_yzm{ width: 7em;}
.list4 li img.yzm{
display: inline-block;
width: 6em;
position: absolute;
top: 22px;
right: 5%;
height: 1.5em;
}
.list4 p.title{
margin-bottom:4px;
font-size: 1.2rem;
}
.list4 .subtitle{
color: gray;
font-size: 1.0rem;
}
.list4 .icon {
	float: left;
	padding-right:1em;
}
.list4 .icon img{
	width:31px;
	height:31px;
	margin-right: 15px;
}

.list4 li label.captcha_label{ width: 4em;display: inline-block;margin-right:0px;}
.list4 li input[type="text"].captcha_input {
display: inline-block;
border: none;
width: 11rem;
padding: 0;
font-size: 1.3rem;
position: absolute;
height: 33px;
margin-left: 1.5rem;
}

/*------------------------------------*\
    			placeholder颜色设置	
\*------------------------------------*/
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999;
} 
/*------------------------------------*\
    			右侧箭头	
\*------------------------------------*/
i.arrow_right{ position: absolute;right: 5%;top: 50%; margin-top: -24px;font-size: 48px;color: #aaa;
background:url(../../image/paygate/iconfont-arrowright.png) left center no-repeat;width: 26px;height: 48px;-webkit-background-size:100% auto;
background-size:100% auto;
}
/*------------------------------------*\
    			右侧我的	
\*------------------------------------*/
i.me{ position: absolute;right: 5%;top: 45%; margin-top: -24px;font-size: 48px;color: #aaa;
background:url(../../image/paygate/me.png) left center no-repeat;width: 26px;height: 48px;-webkit-background-size:100% auto;
background-size:100% auto;
}
/*------------------------------------*\
    			右侧勾√
\*------------------------------------*/
i.selected {
	position: absolute;right: 5%;top: 45%; margin-top: -24px;font-size: 48px;color: #aaa;
background:url(../../image/paygate/select.png) left center no-repeat;width: 26px;height: 48px;-webkit-background-size:100% auto;
background-size:100% auto;
}
/*------------------------------------*\
    			顶部导航栏	
\*------------------------------------*/
.navigationBar {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 44px;
	/*background-color: #F8FAF9;*/
	background-color: #fff;
	text-align: center;
}
.navigationBar .backBtn {
	position: absolute;left: 5%;top: 12px;
background:url(../../imgs/onlinePaygate/u119.png) left center no-repeat;width: 20px;height: 20px;-webkit-background-size:100% auto;
background-size:100% auto;  
}
.navigationBar .title {
	font-size: 1.3rem;
	color: #333;
	margin: 0 auto;
	line-height: 44px;
}
.navigationBar .title img{
	vertical-align:middle;
	height: 24px;
	width: auto;
}
/*------------------------------------*\
    			验证码倒计时框	
\*------------------------------------*/
.get_yzm {
text-decoration: none;
background: #30b5fa;
width: 6rem;
text-align: center;
border-radius: 5px;
display: inline-block;
font-size: 0.85rem;
height: 1.8rem;
color: #fff;
line-height: 1.8rem;
padding: 3px;
position: absolute;
right:20px;
margin-top: -5px;
}
.get_yzm_mobile {
text-decoration: none;
background: #30b5fa;
width: 6rem;
text-align: center;
border-radius: 5px;
display: inline-block;
font-size: 0.85rem;
height: 1.8rem;
color: #fff;
line-height: 1.8rem;
position: absolute;
right:20px;
margin-top: -5px;
}
.get_yzm.disabled{
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-khtml-user-select:none;
user-select:none;
background: #999999;
margin-top: -5px;
position: absolute;
}

.get_yzm_mobile.disabled{
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-khtml-user-select:none;
user-select:none;
background: #999999;
margin-top: -5px;
position: absolute;
}

/*------------------------------------*\
    			账单搜索框	
\*------------------------------------*/
.searchBox {
	background-color: #BEBEC3;
	padding: 0.5rem;
}
.searchBox input[type="text"]{
	width: 100%;
	border-radius: 4px;
}
/*------------------------------------*\
    			温馨提示段落	
\*------------------------------------*/
.warm_tip {
	padding: 0 1.07rem;
}
.warm_tip p{
	font-size:1rem;
	color: #999;
}
.warm_tip p a{
	font-size:1rem;
	color: #32d7d1;
}
.warm_tip .indent {
	text-indent: 2em;
}
/*------------------------------------*\
    			支付结果框	
\*------------------------------------*/
.pop_cont{ padding: 20px;border-top:#d9d9d9 1px solid;border-bottom:#d9d9d9 1px solid;}
.pic_center{text-align: center;}
.pic_center img{margin: 0 auto 10px; width: 35%;}
.pic_center p{color:#333;font-size: 1.6rem;}
.pic_center p.desc{color:#fd4747;font-size: 1.2rem}
.pic_center p.failReason{color:#666;font-size: 1.2rem}
/*------------------------------------*\
    			e钱庄推荐	
\*------------------------------------*/
.ebank{width:100%-2.14rem;margin:0 1.07rem;overflow: hidden;background-color: #fff;border-radius: 5px;padding:1.07rem;}
.ebank img{width: 48px;height: 48px;}
.ebank p{font-size:1.2rem;}
.ebank .downloadBtn{float:right;line-height:48px;font-size: 1.1rem;width:5rem;border-radius: 5px;text-align: center}
/* 小于等于iphone 5c屏幕 */
@media screen and (max-width:321px) {
.ebank{width:100%-2.14rem;margin:0 1.07rem;overflow: hidden;background-color: #fff;border-radius: 5px;padding:0.8rem;}
.ebank img{width: 40px;height: 40px;}
.ebank p{font-size:0.95rem;}
.ebank .downloadBtn{margin-left:0.8rem;float:right;line-height:40px;font-size: 1.1rem;width:5.5rem;border-radius: 5px;text-align: center}
}
/*------------------------------------*\
    			密码支付框	
\*------------------------------------*/
.pwdTip {
	text-align: center;
}
.pwd-box{
	background-color: #fff;
	margin: 0 auto;
	width: 80%;
	/*width:268px;  */
	padding-left: 1px;  
	position: relative;  
	border: 1px solid #9f9fa0;  
	border-radius: 3px;  
	over-flow:hidden  
}  
.pwd-box input[type="tel"]{  
	width: 99%;  
	height: 45px;  
	color: transparent;  
	position: absolute;  
	top: 0;  
	left: 0;  
	border: none;  
	font-size: 18px;  
	opacity: 0;  
	z-index: 1;  
	letter-spacing: 35px;
} 
.fake-box {
	overflow: hidden;
}
.fake-box input{
	float: left;
	/*width: 44px;  */
	/*height: 48px; */
	width: 16.2%;
	border: none;  
	border-right: 1px solid #e5e5e5;  
	text-align: center;  
	font-size: 30px;  
}  
.fake-box input:nth-last-child(1){  
	border:none;  
}




@charset "utf-8";

/*------------------------------------*\
    基础定义 
\*------------------------------------*/

html {font-size:87.5%;padding: 0;
margin: 0;}
/**
    计算公式:
        rem, 1rem = 14px
        边距百分比, 30px / 640px = 4.6875%
**/

*{PADDING:0; MARGIN: 0px; border:0;font-size: 1rem; font-family:"Microsoft YaHei","SimSun",Arial, Helvetica, sans-serif;line-height: 100%;}

H1,H2,H3,H4,H5,H6,H7,strong{ font-weight: normal;}
li {list-style-type:none;}

.cl { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
    clear:both;
    height:0px;
    font-size: 0px;
    line-height: 0px;
}

.h10{ height:10px;}
.h15{ height:15px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h50{ height:50px;}

.p15{padding:0 15px;}
.p20{padding:0 20px;}

:-webkit-input-placeholder { color:#d1d1d1;　}
:-moz-placeholder { color:#d1d1d1;　　}
::-moz-placeholder { color:#d1d1d1;　　}
:-ms-input-placeholder { color:#d1d1d1;　}